@height: 60rpx;
@pading: 24rpx;
@keyframes loop {
  0% {
    transform: translateX(calc(750rpx - @height));
  }

  100% {
    transform: translateX(-100%);
  }
}
.base-marquee {
  &.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
}
.out {
  overflow: hidden;
  background: #444444;
}

.in {
  color: #ffffff;
  height: @height;
  line-height: @height;
  letter-spacing: 4rpx;
  animation: 10s loop linear infinite normal;
}
.icon {
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: content-box;
  height: @height * 0.5;
  width: @height * 0.5;
  padding: @height * 0.25;
  background: #444444;
}
